<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.container{
				flex-direction: column;
			}
			.flex-box{
				margin-top: 10px;
				display: flex;
				flex-direction: row;				
				flex-wrap: wrap;
				justify-content: flex-start;
			}
			.pic-con{
				margin-right: 10px;
				width: 150px;
				height: 150px;
				background: #FF3E3F;
			}
			.content-con{
				flex-grow: 1;
				background: #FF3E3F;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="flex-box">
				<div class="pic-con">
					1111
				</div>
				<div class="content-con">
					2222
				</div>			
			</div>
		
			<div class="flex-box">
				<div class="pic-con">
					1111
				</div>
				<div class="content-con">
					2222
				</div>			
			</div>
			<div class="flex-box">
				<div class="pic-con">
					1111
				</div>
				<div class="content-con">
					2222
				</div>			
			</div>
		</div>
		
	
		
	</body>
</html>
